<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>
<style type="text/css">
.my-body{
  background-color: #fff;
  border-radius: 5px;
  padding: 12px;
  margin: 10px;
  width: calc(100% - 20px);
  overflow: hidden;
}
.my-body_left{
  background-color: #fff;
  border-radius: 5px;
  padding: 12px;
  margin: 6px;
  width: calc(32%);
  overflow: hidden;
  float: left;
}

.my-body_center{
  background-color: #fff;
  border-radius: 5px;
  padding: 12px;
  margin: 0  0 0 10px;
  width: calc(49%);
  overflow: hidden;
  float: left;
}

.my-body_center_left{
  background-color: #fff;
  border-radius: 5px;
  padding: 12px;
  margin: 0  0 0 10px;
  width: calc(24%);
  overflow: hidden;
  float: left;
}
.my-body_right{
  background-color: #fff;
  border-radius: 5px;
  padding: 12px;
  margin: 10px;
  width: calc(74%);
  overflow: hidden;
  float: left;
}
.my-body_left_six{
  background-color: #fff;
  border-radius: 5px;
  padding: 12px;
  margin: 7px;
  width: calc(65%);
  overflow: hidden;
  float: left;
}
.my-table-search{
		padding: 10px 0;
}
.my-table-body{
		margin-top: 10px;
}
.my-btn-text-color-1{
		color: #1890FF;
}
.my-btn-text-color-1:hover{
		color: #1890FF;
		opacity: 0.8;
}
.my-btn-text-color-2{
		color: #F56C6C;
}
.my-btn-text-color-2:hover{
		color: #F56C6C;
		opacity: 0.8;
}
.my-table-pagination{
		margin-top: 20px;
}
.my-table-tools{
		width: 100%;
		justify-content: space-between;
		display: flex;
		height: 30px;
}
.el-table__row td:not(.is-hidden):last-child {
		border-left:1px solid #EBEEF5;
}
.el-table__header th:not(.is-hidden):last-child{
		border-left:1px solid #EBEEF5;
}
.tab_font-size{
  font-size: 14px;
}

</style>
